<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
	<title>UserInfo</title>
	<style type="text/css">
		.outTop{
			width: 100%;
			height: 60px;
			background-color: #00BCD4;
		}
		.h{
			padding: 10px 0px 5px 10px;
			font-size: 25px;
			font-weight: bold;
		}
		.tx {
			border: solid #00bcd4 2px;
			padding: 3px;
		}

		.outdiv {
			display: flex;
			flex-direction: row;
			margin: 5% 0% 0% 5%;
		}

		.out {
			display: flex;
			flex-direction: row;
			font-size: 18px;
			margin: 8% 5%;
		}
		.kuang{
			outline:medium;border: none;
		}
	</style>
</head>
<body>
	<div class="Content-Main">
		<form action="" method="post" class="form-userInfo">
			<div class="outTop">
				<div class="h">苦码考试网</div>
			</div>
			<div class="outdiv">
				<div class="tx">基本信息</div>
				<div style="margin-left: 3%;" class="tx">更改密码</div>
			</div>
			<div class="out">
				<div>姓名:</div>
				<input class="kuang" type="text" name="name" placeholder="请输入">
			</div>
			<div class="out">
				<div>头像：</div>
				<input type="file" name="">
			</div>
			<div class="out">
				<div>性别:</div>
				<input type="checkbox" class="man">男
				<input type="checkbox" class="women">女
			</div>
			<div class="out">
				<div>教工号:</div>
				<input class="kuang" type="text" placeholder="请输入教工号">
			</div>
			<div class="out">
				<div>学院:</div>
				<input class="kuang" type="text" placeholder="请输入">
			</div>
			<div class="out">
				<div>职位:</div>
				<input class="kuang" type="text" placeholder="请输入">
			</div>
			<div class="out">
				<div>我的班级:</div>
				<input class="kuang" type="text" placeholder="请输入">
			</div>

		</form>
	</div>
</body>
</html>
